<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>

    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/superslide.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <script type="text/javascript" src="./js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="./js/jquery.SuperSlide.2.1.3.js"></script>


</head>

<body>
    <div class="topBar">
        <div class="container">
            <div class="topBar_list">
                <ul>
                    <li>小米商城</li>
                    <span>|</span>
                    <li>MIUI</li>
                    <span>|</span>
                    <li>IoT</li>
                    <span>|</span>
                    <li>云服务</li>
                    <span>|</span>
                    <li>金融</li>
                    <span>|</span>
                    <li>有品</li>
                    <span>|</span>
                    <li>小爱开放平台</li>
                    <span>|</span>
                    <li>政企服务</li>
                    <span>|</span>
                    <li>资质证照</li>
                    <span>|</span>
                    <li>协议规则</li>
                    <span>|</span>
                    <li>下载app</li>
                    <span>|</span>
                    <li>智能生活</li>
                    <span>|</span>
                    <li>Select Location</li>
                </ul>
            </div>
            <div class="login">
                <ul>
                    <li>登录</li>
                    <span>|</span>
                    <li>注册</li>
                    <span>|</span>
                    <li>消息通知</li>
                </ul>
            </div>
            <div class="shopCar">
                <i class="iconfont">&#xe668;</i>
                <span>购物车(<span>0</span>)</span>
                <div class="dropdown">
                    <span>购物车中还没有商品，赶紧选购吧！</span>
                </div>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="container">
            <div class="pic"><img src="./pic/mi-logo.png" alt=""></div>
            <div class="title">
                <ul>
                    <li>小米手机</li>
                    <li>Redmi 红米</li>
                    <li>电视</li>
                    <li>笔记本</li>
                    <li>家电</li>
                    <li>路由器</li>
                    <li>智能硬件</li>
                    <li>服务</li>
                    <li>社区</li>
                </ul>
            </div>
            <div class="box">
                <div class="search">
                    <input type="search">
                    <div class="dropdown"></div>
                </div>
                <div class="sousuo"><i class="iconfont">&#xe688;</i></div>
            </div>
        </div>
        <div class="headerbox">
            <div class="slide">小米手机</div>
            <div class="slide">Redmi 红米</div>
            <div class="slide">电视</div>
            <div class="slide">笔记本</div>
            <div class="slide">家电</div>
            <div class="slide">路由器</div>
            <div class="slide">智能硬件</div>
        </div>
        <div class="site-content">
            <div class="container">

                <div id="slideBox" class="slideBox">
                    <div class="hd">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        </ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li><a href="" target="_blank"><img src="./pic/1.jpg" /></a></li>
                            <li><a href="" target="_blank"><img src="./pic/2.jpg" /></a></li>
                            <li><a href="" target="_blank"><img src="./pic/3.jpg" /></a></li>
                            <li><a href="" target="_blank"><img src="./pic/4.jpg" /></a></li>
                            <li><a href="" target="_blank"><img src="./pic/5.jpg" /></a></li>
                            <li><a href="" target="_blank"><img src="./pic/6.jpg" /></a></li>
                        </ul>
                    </div>

                    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                    <div class="nav">
                        <ul>
                            <li>手机 电话卡<i class="iconfont">&#xe654;</i></li>
                            <li>电视 盒子<i class="iconfont">&#xe654;</i></li>
                            <li>笔记本 显示器<i class="iconfont">&#xe654;</i></li>
                            <li>家电 插线板<i class="iconfont">&#xe654;</i></li>
                            <li>出行 穿戴<i class="iconfont">&#xe654;</i></li>
                            <li>智能 路由器<i class="iconfont">&#xe654;</i></li>
                            <li>电源 配件<i class="iconfont">&#xe654;</i></li>
                            <li>健康 儿童<i class="iconfont">&#xe654;</i></li>
                            <li>耳机 音箱<i class="iconfont">&#xe654;</i></li>
                            <li>生活 箱包<i class="iconfont">&#xe654;</i></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="contain-sub">
                <ul class="contain-channel">
                    <li><img src="./pic/t1.png" alt="">小米秒杀</li>
                    <li><img src="./pic/t2.png" alt="">企业团购</li>
                    <li><img src="./pic/t3.png" alt="">F码通道</li>
                    <li><img src="./pic/t4.png" alt="">米粉卡</li>
                    <li><img src="./pic/t5.png" alt="">以旧换新</li>
                    <li><img src="./pic/t6.png" alt="">话费充值</li>
                </ul>
                <div class="contain-banner">
                    <div><img src="./pic/t01.jpg" alt=""></div>
                    <div><img src="./pic/t02.jpg" alt=""></div>
                    <div><img src="./pic/t03.jpg" alt=""></div>
                </div>
            </div>
        </div>
    </div>
    <div class="body">
        <div class="goods">
            <div class="title">小米闪购</div>
            <ul class="buy-box">
                <li>
                    <p class="top"></p>
                    <div>14:00场</div>
                    <img src="./pic/shandian.png" alt="">
                    <div>距离结束</div>
                    <div class="se-count">
                        <div class="se-hour"><span class="se-txt">00</span></div>
                        <div class="se-min"><span class="se-txt">00</span></div>
                        <div class="se-sec"><span class="se-txt">00</span></div>
                    </div>
                </li>
                <li>
                    <p class="top">
                    <div class="goodItem">
                        <p class="pic"><img src="./pic/star_01.gif" alt=""></p>
                        <div class="good_name">小米电视</div>
                        <div class="good_description">电视电视电视电视电视电视</div>
                        <div class="good_price">
                            <span class="new_price">1999</span>
                            <span class="old_price">2199</span>
                        </div>
                    </div>
                    </p>
                </li>
                <li>
                    <p class="top">
                    <div class="goodItem">
                        <p class="pic"><img src="./pic/star_02.gif" alt=""></p>
                        <div class="good_name">小米手环</div>
                        <div class="good_description">手环手环手环手环手环</div>
                        <div class="good_price">
                            <span class="new_price">199</span>
                            <span class="old_price">229</span>
                        </div>
                    </div>
                    </p>
                </li>
                <li>
                    <p class="top">
                    <div class="goodItem">
                        <p class="pic"><img src="./pic/star_03.gif" alt=""></p>
                        <div class="good_name">小米体重秤</div>
                        <div class="good_description">体重秤体重秤体重秤</div>
                        <div class="good_price">
                            <span class="new_price">99</span>
                            <span class="old_price">159</span>
                        </div>
                    </div>
                    </p>
                </li>
                <li>
                    <p class="top">
                    <div class="goodItem">
                        <p class="pic"><img src="./pic/star_04.gif" alt=""></p>
                        <div class="good_name">小米笔记本</div>
                        <div class="good_description">笔记本笔记本笔记本</div>
                        <div class="good_price">
                            <span class="new_price">4999</span>
                            <span class="old_price">5599</span>
                        </div>
                    </div>
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer"></div>

    <script src="./js/index.js"></script>
    <script type="text/javascript">
        jQuery(".slideBox").slide({ mainCell: ".bd ul", effect: "left", autoPlay: true, easing: "easeInQuint" });
    </script>
    <script src="./js/jquery.min.js"></script>
</body>

</html>